<div class="form-horizontal" role="" data-toggle="validator" method="POST" action="">
  <div class="form_box">
    <div class="title1">订单详情</div>
    <div class="title2">
      <div class="title2_text">电梯详情</div>
    </div>
    <input type="hidden" id="id" value="{$row.id}">
    <input type="hidden" id="order_id" value="{$row.order_id}">
    <div class="content_box1">
      <div class="content_item1">
        <div>电梯编号：</div>
        <div>{$row.lift.lift_number}</div>
      </div>
      <div class="content_item1">
        <div>所在地区：</div>
        <div>{$row.lift.area}</div>
      </div>
      <div class="content_item1">
        <div>电梯地址：</div>
        <div>{$row.lift.buildings}</div>
      </div>
      <div class="content_item1">
        <div>业务员：</div>
        <div>{$row.user.real_name}</div>
      </div>
      <div class="content_item1">
        <div>电梯使用标志：</div>
        <img class="content_item1_img" src="{$row.lift.green_map}" alt="">
      </div>
      <div class="content_item1">
        <div>业主姓名：</div>
        <div>{$row.lift.real_name}</div>
      </div>
      <div class="content_item1">
        <div>联系电话：</div>
        <div>{$row.lift.phone}</div>
      </div>
      <div class="content_item1">
        <div>电梯规格：</div>
        <div>{$row.specifications}</div>
      </div>
    </div>
    <div class="title2">
      <div class="title2_text">电梯详情</div>
      {if condition="$row.paid eq 0"}
      <span style="margin-right: 20px;color: red;">待付款</span>
      {elseif condition="$row.paid eq 1 && $row.status eq 12"}
      <span style="margin-right: 20px;color: red;">服务中-已完成{$row.service_count}次</span>
      <button class="see_service">查看服务单</button>
      {elseif condition="$row.paid eq 1 && $row.status eq 13"}
      <span style="margin-right: 20px;color: red;">服务完成-已完成{$row.service_count}次</span>
      <button class="see_service">查看服务单</button>
      {elseif condition="$row.paid eq 1 && $row.status eq 14"}
      <span style="margin-right: 20px;color: red;">已取消</span>
      {elseif condition="$row.paid eq 1 && ($row.status eq -1 || $row.status eq -2)"}
      <span style="margin-right: 20px;color: red;">售后-已退款</span>
      {/if}

    </div>
    <div class="content_box1">
      <div class="content_item1">
        <div>商品主图：</div>
        <img class="content_item1_img" src="{$row.goods_img}" alt="">
      </div>
      <div class="content_item1">
        <div>订单编号：</div>
        <div>{$row.order_id}</div>
      </div>
      <div class="content_item1">
        <div>套餐名称：</div>
        <div>{$row.package}</div>
      </div>
      <div class="content_item1">
        <div>套餐时长：</div>
        <div>{$row.duration}</div>
      </div>
      <div class="content_item1">
        <div>服务单数：</div>
        <div>{$row.total_service_num}</div>
      </div>

      <div class="content_item1">
        <div>订单原价：</div>
        <div>{$row.total_price}</div>
      </div>
      <div class="content_item1">
        <div>优惠减免：</div>
        <div>{$row.discount_amount}</div>
      </div>
      <div class="content_item1">
        <div>成交价格：</div>
        <div>{$row.pay_price}</div>
      </div>
      <div class="content_item1">
        <div>创建时间：</div>
        <div>{$row.add_time}</div>
      </div>
<!--      //未支付-->
      {if condition="$row.paid eq 1 && ($row.status eq -1 || $row.status eq -2 )"}
      <div class="content_item1">
        <div>付款时间：</div>
        <div>{$row.pay_time}</div>
      </div>
      <div class="content_item1">
        <div>提交售后时间：</div>
        <div>{$row.pay_time}</div>
      </div>
      <div class="content_item1">
        <div>退款时间：</div>
        <div>{$row.pay_time}</div>
      </div>
<!--      <div class="content_item1">-->
<!--        <div>结束时间：</div>-->
<!--        <div>{$row.complete_time}</div>-->
<!--      </div>-->
      <div class="content_item1">
        <div>支付方式：</div>
        <div>{$row.pay_type}</div>
      </div>
      <div class="content_item1">
        <div>交易流水号：</div>
        <div>{$row.trade_no}</div>
      </div>
<!--      //服务完成-->
      {elseif condition="$row.paid eq 1 && ($row.status eq 13 || $row.status eq 12)"}
      <div class="content_item1">
        <div>付款时间：</div>
        <div>{$row.pay_time}</div>
      </div>
      <div class="content_item1">
        <div>结束时间：</div>
        <div>{$row.complete_time}</div>
      </div>
      <div class="content_item1">
        <div>支付方式：</div>
        <div>{$row.pay_type}</div>
      </div>
      <div class="content_item1">
        <div>交易流水号：</div>
        <div>{$row.trade_no}</div>
      </div>
      <!--      //服务完成-->
      {elseif condition="$row.paid eq 1 && $row.status eq 14"}
      <div class="content_item1">
        <div>取消时间：</div>
        <div>{$row.pay_time}</div>
      </div>
      {/if}

      <div class="content_item1">

      </div>

      <div class="content_item1">
        <div>备注：</div>
        <textarea style="height: 80px;" name="" id="" cols="30" rows="10" readonly>{$row.mark}</textarea>
      </div>
    </div>
  </div>

</div>
<style>
  .form_box{
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  .title1,.title2{
    width: 100%;
    font-weight: bold;
  }
  .title1{
    margin-bottom: 20px;
    text-align: center;
    font-size: 20px;
  }
  .title2{
    background-color: rgb(215,215,215);
    display: flex;
    align-items: center;
  }
  .title2_text{
    margin: 10px 30px;
  }

  .content_box1{
    margin-top: 30px;
    width: 90%;
    display: flex;flex-wrap: wrap;

  }
  .content_item1{
    width: 25%;
    margin-bottom: 30px;
    display: flex;
    align-items: center;
  }
  .content_item1_img{
    max-width: 150px;
    max-height: 150px;
  }
</style>